<h4 class="page-header">Quản lý tài khoản</h4>
<div class="row placeholder">
    <div class="col-lg-8">        
        <div class="panel panel-primary">
            <div class="panel-heading">Tài khoản</div>
            <div class="panel-body">
                <?php foreach ($account as $value) { ?>
                    <div class="col-lg-5 col-lg-offset-1 profile">
                        <div class="col-lg-3">
                            <img class="lazy" data-original="<?php echo $value['image']; ?>" /> 
                        </div>
                        <div class="col-lg-9">
                            <span class="fullname"><?php echo $value['fullname']; ?></span><br />                            
                            <small><?php echo $value['create_time']; ?></small><br />
                            <a href="">Hủy tài khoản</a> 
                        </div>
                    </div>
                <?php } ?>
            </div>
        </div>
    </div>
    <div class="col-lg-4">
        <div class="list-group">
            <a href="javascript:void(0)" class="list-group-item active list-group-item-info text-left">
                Lưu ý khi đăng bài
            </a>
            <a href="javascript:void(0)" class="list-group-item text-left">1. Mỗi bài đăng cách nhau 5 phút</a>                    
            <a href="javascript:void(0)" class="list-group-item text-left">2. Không nên đăng cùng nội dung với hình ảnh</a>                    
            <a href="javascript:void(0)" class="list-group-item text-left">3. Đăng bài vào nhóm có nhiều thành viên</a>                    
            <a href="javascript:void(0)" class="list-group-item text-left">1. Mỗi bài đăng cách nhau 5 phút</a>                    
            <a href="javascript:void(0)" class="list-group-item text-left">2. Không nên đăng cùng nội dung với hình ảnh</a>                    
            <a href="javascript:void(0)" class="list-group-item text-left">3. Đăng bài vào nhóm có nhiều thành viên</a>                    
        </div>
    </div>
</div>
<script>
    $(function() {
        $('.mytable').dataTable({
            "order": [[3, "asc"], [0, "desc"]],
            language: {
                "url": "{base_url}assets/theme/frontend/datatable/locale/vn.json"
            }
        });
        $("img.lazy").lazyload({
            threshold : 500,
            effect: 'fadeIn'
        });
    });

    $('#fbForm').bootstrapValidator({
        feedbackIcons: {
            valid: 'glyphicon glyphicon-ok',
            invalid: 'glyphicon glyphicon-remove',
            validating: 'glyphicon glyphicon-refresh'
        },
        fields: {
            name: {
                validators: {
                    stringLength: {min: 3},
                    notEmpty: {}
                }
            },
            content: {
                validators: {
                    notEmpty: {}
                }
            },
        }
    });
</script>
<script>    
    var selDiv = "";
    document.addEventListener("DOMContentLoaded", init, false);
    function init() {
        document.querySelector('#files').addEventListener('change', handleFileSelect, false);
        selDiv = document.querySelector("#selectedFiles");
    }

    function handleFileSelect(e) {
        if (!e.target.files)
            return;
        selDiv.innerHTML = "";
        var files = e.target.files;
        for (var i = 0; i < files.length; i++) {
            var f = files[i];

            selDiv.innerHTML += f.name + "<br/>";

        }
    }
    function update_status(el, status) {
        var id = $(el).parent().attr('data-id');
        $(el).parent().html('<span class="temp_loading" style="text-align: center">Đang xử lý...</span>');
        jQuery.ajax({
            type: 'post',
            url: '<?php echo base_url('chat/update_status'); ?>',
            data: {
                id: id,
                status: status,
            },
            success: function() {
                var el = jQuery('.temp_loading').parent();
                if (status == 1) {
                    el.html('<a href="javascript:void(0)" onclick="update_status(this, 0)" style="color: green;">Đang chạy</a>');
                } else {
                    el.html('<a href="javascript:void(0)" onclick="update_status(this, 1)" style="color: red;">Đang tắt</a>');
                }
            },
        });
    }
</script>

